.margin{width: 980px; margin: 0 auto;}
body{ background: #f6f6f6;}

main .margin{ background:#fff;  overflow: hidden;} 
main .top{font: 15px/70px ""; border: 1px solid #ccc;}
main .top em{ color: red; margin:0 30px;}
main .top i{font: 12px/70px ""; color: rgb(166, 166, 168);}
main .top span{ float: right; margin-right: 30px;font: 12px/70px ""; color:rgb(166, 166, 168);}
main .top span a{color: rgb(86, 103, 250);}
main .bottom{ position: relative;border: 1px solid #ccc; border-top: none; padding-top: 30px;}
main .bottom ul li{ margin: 0 0 40px 100px; font-size: 12px; position: relative;} main .bottom ul li #chk{ width: 12px; height: 12px; font: 10px/2 ""; color: #ccc; margin-right:5px ;}
main .bottom ul li input{width: 262px; height: 38px; padding-left: 50px;}
main .bottom ul li #btn{ border: none; background: #ff464e; color: #fff; padding-right: 50px;}
main .bottom ul li img{position: absolute; top: 2px; left: 1px;}
main .bottom ul li em{font-size: 13px;}
main .bottom .right{ position: absolute; right: 110px; top:20px;}
main .chk{ margin-left:150px; margin-bottom: 50px;}

footer{background: #fff; margin-bottom: 20px;}
footer .margin{display: flex;}
footer .logo{background: url(https://jp.juancdn.com/common/images/total/header-total.gif?20151119) no-repeat; width: 210px; height: 56px; background-position:-78px  -211px; margin: 10px;}
footer .logo a{width: 210px; height: 56px; display: block;}
footer .activity{ margin-left: 250px;}
footer .activity ul{display: flex;  text-align: center; align-items: center; height: 76px;}
footer .activity ul li{display: flex; background: url(../images/n3.png) no-repeat right center; padding: 0 10px; font: 14px/36px ""; margin: 0 5px;}
footer .activity ul li:last-child{background-image: none;}
footer .activity ul li img{width: 40px; height: 37px;}
footer .activity ul li span{ margin: 0 5px;}
footer .active{background:#ff464e; height: 3px;}
footer p{ font:12px/60px ""; color:#ccc;text-align: center; background: #f6f6f6;}
